
/*1.顶部导航样式*/
/*最外层*/
.topnav{
    height: 40px;
    background-color: #333333;
}
/*顶部导航左侧*/
.topnav-left{
    float: left;
}
/*顶部导航右侧*/
.topnav-right{
    float: right;
}
/*导航栏左侧的a i标签的样式*/
/*.topnav-left a{*/
/*    float: left;*/
/*    color: #b0b0b0;*/
/*    line-height: 40px;*/
/*}*/
/*.topnav-left i{*/
/*    float: left;*/
/*    color: #b0b0b0;*/
/*    line-height: 40px;*/
/*    margin: 0 7px;*/
/*}*/
/*!*导航栏右侧a i标签样式*!*/
/*.topnav-right a{*/
/*    float: left;*/
/*    color: #b0b0b0;*/
/*    line-height: 40px;*/
/*}*/
/*.topnav-right i{*/
/*    float: left;*/
/*    color: #b0b0b0;*/
/*    line-height: 40px;*/
/*    margin: 0 7px;*/
/*}*/
.topnav-left a,
.topnav-right a{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
}
.topnav-left i,
.topnav-right i{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
    margin: 0 7px;
}
.topnav-right .cart{
    width: 120px;
    margin-left: 24px;
    background-color: #424242;
    text-align: center;
}
/*给顶部导航的a标签添加 鼠标悬停效果*/
.topnav-left a:hover,
.topnav-right a:hover{
    color: #ffffff;
}
/*给购物车添加鼠标悬停效果*/
.topnav-right .cart:hover{
    color: #ff6700;
    background-color: #ffffff;
}
/*===========================*/
/*2.搜索导航*/
.searchnav-logo{
    float: left;
    margin-top: 22px;
}
.searchnav-logo img{
    background-color: #ff6700;
    height: 55px;
    width: 55px;
}
.search-tab{
    float: left;
    margin-left: 189px;
}
.search-tab a{
    float: left;
    height: 100px;
    margin: 0 10px;
    line-height: 100px;
    font-size: 16px;
}
.search-tab a:hover{
    color: #ff6700;
    transition-duration:0.2s;
}
.searchnav-search{
    float: right;
    position: relative;
    margin-top: 25px;
    border: 1px solid #e0e0e0;
}
.searchnav-search input,
.searchnav-search button{
    float: left;
    border: 0;
    background-color: white;
}
.searchnav-search input{
    width: 245px;
    height: 50px;
    text-indent: 1em;
    border-right: 1px solid #e0e0e0;
}
.searchnav-search button{
    width: 52px;
    height: 50px;
    color: #616161;
}
.searchnav-search button:hover{
    background-color: #ff6700;
    color: white;
    transition-duration:0.4s;
    border-color: #ff6700;
}
.searchnav-search:hover{
    background-color: darkgray;
}
.searchnav-search-keys a{
    background: #eee;
    color: #757575;
    margin-left: 5px;
    padding: 0 5px;
}
.searchnav-search-keys a:hover{
    background-color: #ff6700;
    color: white;
    transition-duration:0.4s;
}
.searchnav-search-keys{
    position: absolute;
    top: 18px;
    right: 60px;
}
